<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 图标 -->
    <link rel="shortcut icon" href="{% static 'img/favicon.ico' %}" />
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1332595_m4uef31fzhs.css">
    <link rel="stylesheet" href="{% static 'css/common/auth.min.css' %}">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1332595_rgq1ez69z2.css">
    <title>{% block title %}{% endblock title %}</title>
    <script src="{% static 'js/jquery-3.3.1.min.js' %}"></script>
    <script src="{% static 'js/message.min.js'%}"></script>
    <script src="{% static 'js/front_base.min.js' %}"></script>
    <script src="{% static 'js/csrftoken.min.js' %}"></script>
    <script src="{% static 'js/bmob.min.js' %}"></script>
    {% block head %}{% endblock head %}
</head>

<body>
    <!-- 最上边的页头 -->
    <header class="header">
        <div class="container">
            {%csrf_token%}
            <div class="logo-box">
                <a href="/"></a>
            </div>
            <ul class="nav">
                <li class="active"><a href="/news">资讯</a></li>
                <li><a href="/course">创业课堂</a><i class="little-triangle"></i></li>
                <li><a href="/payinfo">付费资讯</a><i class="little-triangle"></i></li>
                <li><a href="/search">搜索</a> </li>
            </ul>
            <div class="auth-box">
                <i class="icon-person iconfont"></i>
                {% if user.is_authenticated %}
                <div class="user-more-box">
                    <i class="triangle"></i>
                    {% if user.is_staff %}
                    <a href="{% url 'cms:index'%}">后台管理</a>
                    {% endif %}
                    <a href="{% url 'xfzauth:logout' %}">退出登录</a>
                </div>
                <a href="#" class="authenticated-box">{{user.username}}</a>

                {% else %}
                <a href="javascript:void(0)" class="signin">登录</a>&nbsp;/
                <a href="javascript:void(0)" class="signup">注册</a>
                {% endif %}
            </div>
        </div>
    </header>
    <!-- 中间的主体内容 -->
    {% block main %}
    {% endblock main %}

    <!-- footer底部信息 -->
    <div class="footer">

        <div class="top_group">

            <div class="left_group">
                <div class="title">
                    <p>合作伙伴</p>
                </div>
                <ul class="partner_group">
                    <li><img src="https://static-image.xfz.cn/1454046552_487.png" alt=""> </li>
                    <li><img src="https://static-image.xfz.cn/1454046135_474.png" alt=""> </li>
                    <li><img src="https://static-image.xfz.cn/1454046053_122.png" alt=""> </li>
                    <li><img src="https://static-image.xfz.cn/1454047318_361.png" alt=""> </li>
                </ul>
            </div>
            <div class="right_group">
                <div class="logo_group"></div>
                <div class="detail_group">
                    <ul class="links">
                        <li><a href="#">关于小饭桌&nbsp;</a></li>
                        <li><a href="#">&nbsp;|&nbsp;小饭桌创业课堂</a></li>
                        <li><a href="#">&nbsp;|&nbsp;凡创资本</a></li>
                        <li><a href="#">&nbsp;|&nbsp;凡卓资本</a></li>
                    </ul>
                    <div class="email">
                        <p>融资服务：bp@xfz.cn</p>
                        <p>商务合作：bd@xfz.cn</p>
                    </div>
                    <div class="address">地址：北京市朝阳区东三环北路38号院泰康金融大厦</div>
                    <div class="focus_us">
                        <span class="us">关注我们:</span>
                        <div class="wx">
                            <span class="wx1_text">小饭桌</span>
                            <div class="wx1_qrcode"></div>
                        </div>
                        <div class="wx">
                            <span class="wx2_text">小饭桌创业课堂</span>
                            <div class="wx2_qrcode"></div>
                        </div>
                    </div>
                </div>
            </div>


        </div>

        <div class="bottom_group">
            <div class="inner_group">
                <p> ©2019 北京子木投资顾问有限公司 京ICP备15051289号 | 增值电信业务经营许可证：京B2-20170574</p>
            </div>
        </div>
    </div>

</body>
<!-- 透明遮罩 -->
<div class=" mask_wrapper">
    <!-- 中间的鉴权盒子 -->
    <div class="auth_wrapper" id="auth_wrapper">
        <!-- 最上面负责关闭的盒子 -->
        <div class="close_wrapper">
            <span class="close_btn icon-close iconfont" id="close_btn"></span>
        </div>
        <!-- 主要的鉴权的盒子 -->
        <div class="auth_inner_wrapper">
            <!-- 包含登录注册，点击切换 -->
            <div class="scroll_group">
                <!-- 登录 -->
                <div class="auth_group signin_group">
                    <div class="top_group">
                        <span class="title">请登录</span>
                        <a href="javascript: void(0); " class="switch">立即注册></a>
                    </div>
                    <div action="#" class="form-group">
                        <div class="input-group">
                            <input type="text" class="form-control" name="telephone" placeholder="请输入电话号码">
                        </div>
                        <div class="input-group">
                            <input type="password" class="form-control" name="password" placeholder="请输入密码">
                        </div>
                        <div class="input-group">
                            <label class="remember_label">记住我
                                <input type="checkbox" name="remember" value="1">
                            </label>
                        </div>
                        <div class="input-group">
                            <input type="submit" class="submit_btn" value="立即登录">
                            </label>
                        </div>
                    </div>
                </div>
                <!-- 注册 -->
                <div class="auth_group signup_group">
                    <div class="top_group">
                        <span class="title">请注册</span>
                        <a href="javascript: void(0); " class="switch">立即登录></a>
                    </div>
                    <div action="#" class="form-group">
                        <div class="input-group">
                            <input type="text" class="form-control" name="telephone" placeholder="手机号码">
                        </div>
                        <div class="input-group">
                            <input type="text" class="form-control" name="username" placeholder="用户名">
                        </div>
                        <div class="input-group">
                            <input type="password" class="form-control" name="pwd1" placeholder="密码">
                        </div>
                        <div class="input-group">
                            <input type="password" class="form-control" name="pwd2" placeholder="确认密码">
                        </div>
                        <div class="input-group">
                            <div class="short-input-group">
                                <input type="text" class="form-control" name="img_captcha" placeholder="请输入图片上的字符">
                            </div>
                            <div class="input-group-addon">
                                <img src="{% url 'xfzauth:img_captcha' %}" alt="请刷新" class="img_captcha pointer">
                            </div>
                        </div>
                        <div class="input-group">
                            <div class="short-input-group">
                                <input type="text" class="form-control" name="captcha" placheholder="验证码"
                                    id="smSCaptcha">
                            </div>
                            <div class="input-group-addon">
                                <span class="sms-captcha-btn" id="sendSmsBtn">发送验证码</span>
                            </div>
                        </div>
                        <div class="input-group">
                            <input type="submit" class="submit_btn " value="立即注册">
                            </label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</html>